import { DndProvider } from "react-dnd";
import { HTML5Backend } from "react-dnd-html5-backend";
import { FunctionPalette } from "./components/FunctionPalette/FunctionPalette";
import { FlowCanvas } from "./components/FlowCanvas/FlowCanvas";
import { RunButton } from "./components/RunButton";
import { NodeEditorModal } from "./components/NodeEditorModal";
import { RuntimeInfoPanel } from "./components/RuntimeInfoPanel";
import "./App.css";

function App() {
  return (
    <DndProvider backend={HTML5Backend}>
      <div className="app-container">
        <div className="left-panel">
          <FunctionPalette />
          <RuntimeInfoPanel />
        </div>
        <FlowCanvas />
        <RunButton />
        <NodeEditorModal />
      </div>
    </DndProvider>
  );
}

export default App;